import React from 'react';
export default function Logo(props: { color?: string }) {
  const { color = 'var(--ant-primary-color)' } = props;
  return (
    <div
      style={{
        width: '100%',
        height: '50px',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        fontSize: '16px',
        color,
        cursor: 'pointer',
      }}
    >
      <img
        src='https://lyt-top.gitee.io/vue-next-admin-preview/assets/logo-mini.e7bc7aad.svg'
        alt=''
        style={{ width: '32px', marginRight: '5px' }}
      />
      <span style={{ whiteSpace: 'nowrap', display: 'inline-block' }}>react-antd-admin</span>
    </div>
  );
}
